<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>我的销售</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../../../elementUI/index.css">
  <link rel="stylesheet" href="../../../css/index.css">
</head>

<body>
  <div id="app" class="minWidth">
    <el-form :inline="true" :form="form">
      <el-form-item>
        <el-input clearable v-model="form.Article_Name" placeholder="请输入商品名称" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSerach">查询</el-button>
      </el-form-item>
    </el-form>
    <el-form>
      <el-form-item>
        <el-table :data="tableData" stripe border height="calc(100vh - 230px)" style="width: 100%">
          <el-table-column align="center" label="序号" width="50" type="index"></el-table-column>
          <el-table-column align="center"  prop="Picture_URL" label="商品图" width="125">
            <template v-slot="{row}">
              <el-image v-if="row.Picture_URL != void 0" style="width: 100px; height: 100px; border-radius: 9px;"
                fit="cover" :src="DomainIMG + row.Picture_URL"></el-image>
            </template>
          </el-table-column>
          <el-table-column align="center"  prop="Article_Name" label="商品名称"></el-table-column>
          <el-table-column align="center"  prop="Total_Quantity" label="总数量"></el-table-column>
          <el-table-column align="center"  prop="Quantity" label="起步购买量"></el-table-column>
          <el-table-column align="center"  prop="Amount" label="价格"></el-table-column>
          <el-table-column align="center" label="所属企业">
            <template v-slot="{row}">
              <div :title="row.Enterprise_Name" style="width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;">
                <span>{{row.Enterprise_Name}}</span>
              </div>
            </template>
          </el-table-column>
          <el-table-column align="center"  prop="Buyer_Contact" label="联系人"></el-table-column>
          <el-table-column align="center"  prop="Buyer_Contact_Phone" label="联系人电话" width="150"></el-table-column>
          <el-table-column align="center" prop="Shipment_Name" label="装货方式"></el-table-column>
          <el-table-column align="center"  prop="Trading_Name" label="支付方式" width="130"></el-table-column>
          <el-table-column align="center"  prop="Transport_Name" label="物流方式"></el-table-column>
          <el-table-column align="center"  prop="Starting_Quantity" label="状态">
            <template v-slot="{row}">
              <el-tag v-if="row.Row_Status == '0'" type="warning">审核中</el-tag>
              <el-tag v-else-if="row.Row_Status == '1'" type="success">已通过</el-tag>
              <el-tag v-else-if="row.Row_Status == '2'" type="danger">未通过</el-tag>
              <el-tag v-else-if="row.Row_Status == '4'" type="success">待对方确认</el-tag>
              <el-tag v-else-if="row.Row_Status == '5'" type="success">待对方收货</el-tag>
            </template>
          </el-table-column>
          <el-table-column align="center"  prop="Submission_Time" label="发布时间" width="180"></el-table-column>
          <el-table-column align="center"  label="操作" width="250" prop="Group_Purchasing_SerialNumber">
            <template v-slot="{row}">
              <el-button type="success" size="mini" v-if="row.Row_Status == '0'" @click="Inventory(row)">通过</el-button>
              <el-button type="info" size="mini" @click="goDetail(row)">详情</el-button>
              <el-button type="success" size="mini" @click="ConfirmContract(row)"
                v-if="row.Row_Status == '1'">确认合同</el-button>
              <el-button type="primary" v-if="row.Row_Status == '4' && row.Buyer_Status == '4' " size="small"
                @click="Consignment(row)">发货</el-button>
              <el-button type="danger" size="mini" v-if="row.Row_Status == '0'"
                @click="RefuseProcurement(row)">拒绝</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-form-item>
      <el-form-item class="form-operation">
        <el-button @click="window.history.back()">返回</el-button>
      </el-form-item>
    </el-form>
    <el-dialog @close="qing_group_transaction_logistics" width="80%" title="物流信息" :visible.sync="OddNumbers">
      <el-form :model="group_transaction_logistics" inline-message="true">
        <div class="table_titel">
          <div class="titel">物流明细 </div>
        </div>
        <el-descriptions :column="2" border size="small">
          <el-descriptions-item label="运输方式">
            <el-form-item>
              <el-input disabled v-model.trim="group_transaction_logistics.Transport_Type"></el-input>
            </el-form-item>
          </el-descriptions-item>
          <el-descriptions-item label="说明">
            <el-form-item>
              <el-input type="textarea" v-model.trim="group_transaction_logistics.Transport_Explain" type="NumBer"
                placeholder="请输入物流信息"></el-input>
            </el-form-item>
          </el-descriptions-item>
        </el-descriptions>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="OddNumbers = false">取 消</el-button>
        <el-button type="primary" :loading="loading" @click="addOddNumbers">确 定</el-button>
      </div>
    </el-dialog>
    <el-pagination background v-show="total > 0" @size-change="handleSizeChange" @current-change="handleCurrentChange"
      :current-page="form.page" :page-sizes="[10,20,30,50]" :page-size="form.limit"
      layout="total, sizes, prev, pager, next, jumper" :total="total">
    </el-pagination>
  </div>
  <script type="text/javascript" src="../../../js/jquery-3.6.0.min.js"></script>
  <script type="text/javascript" src="../../../js/jquery.cookie.js"></script>
  <script type="text/javascript" src="../../../js/vue.min.js"></script>
  <script type="text/javascript" src="../../../elementUI/index.js"></script>
  <script type="text/javascript" src="../../../js/utils.js"></script>
  <script type="text/javascript" src="./js/Show.js"></script>
</body>

</html>